/*  首页  */

// 页面容器
.page {
  padding-top: 500rpx;
  align-items: center;
  gap: 160rpx;
}

// 标题栏背景图片
.title-image {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 340rpx;

  box-shadow: var(--shadow-2);
  background-image: url("https://emos-20321.oss-cn-beijing.aliyuncs.com/title3.jpg");
  background-size: cover;
}

// 页面内容容器
.content-panel {
  padding-top: 500rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 160rpx;
}

// 页脚
.footer {
  width: 700rpx;
  padding: 48rpx;
  border-top: 1rpx solid var(--color-border);
  color: var(--color-primary);
}


/*  操作按钮  */
.fab {
  position: fixed;
  z-index: 20;
  width: 64rpx;
  height: 64rpx;

  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 50%;
  color: var(--color-text-dark);
  box-shadow: var(--shadow-2);

  &:active {
    box-shadow: none;
  }
}

// 新建旅程按钮
.fab-add {
  top: 308rpx;
  right: 32rpx;
  background-color: var(--color-primary);
}

// 用户信息按钮
.fab-user {
  top: 92rpx;
  left: 32rpx;
  background-color: transparent;
}

